import { FC, useRef } from "react"
const UseRefCom: FC<any> = () => {
    let ipt = useRef<HTMLInputElement | null>(null)
    let lis = useRef(null)
    let handleClick = () => {
        console.log(ipt)
        ipt.current!.focus()
    }
    //坑!!! 对于li这类元素 声明类型的时候 不要声明 初始值给null就可以了
    return (
        <fieldset>
            <legend>使用ref</legend>
            <input type="text" ref={ipt} />
            <ul>
                <li ref={lis}></li>
            </ul>
            <button onClick={handleClick}>点击</button>
        </fieldset>
    )
}

export default UseRefCom